<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<link rel="stylesheet"
	href="static/jquery-ui-themes-1.10.4/themes/ui-darkness/jquery-ui.css">
<link rel="stylesheet"
	href="static/jquery-ui-themes-1.10.4/themes/ui-darkness/jquery.ui.theme.css">
<style type="text/css">
body {
	background: url("static/picture/login.jpg");
}

#contrainer {
	width: 300px;
	height: 200px;
	background: #111;
	color: #fff;
	margin: 300px auto;
}

#contrainer>p {
	margin-bottom: 0;
	margin-top: 0;
	padding: 0.4em 0;
	font-size: 18px;
	background: #222;
}

#contrainer s, #contrainer label {
	font-weight: bold;
	margin-left: 2em;
}

.ui-widget-content {
	font-size: 80%;
}

#wjmm a {
	text-decoration: none;
}
</style>
</head>
<body>
	<div id="contrainer" class="ui-widget ui-corner-all">
		<p class="ui-widget-header">
			<s>登录</s>
		</p>
		<div class="ui-widget-content">
			<form action="login" method="post">
				<p>
					<label>用户名：</label><input type="text" name="username">
				</p>
				<p>
					<label>密　码：</label><input type="password" name="password">
				</p>
				<hr>
				<p id="wjmm" style="text-align: right;">
					<a href="kswjmm">忘记密码</a>
				</p>
				<p style="text-align: right; margin-bottom: 15px;">
					<button type="submit" class="button">登录</button>
					<button type="reset" style="margin-left: 1em; margin-right: 2em">重置</button>
				</p>
			</form>
		</div>
	</div>
</body>
</html>